.container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.container .ncov-data {
    margin-bottom: 28px
}

.content {
    display: flex;
    flex-flow: column nowrap;
    max-width: 1180px;
    width: 100%;
    border-radius: 4px;
    background-color: #fff;
    box-sizing: border-box;
    margin: 0 auto 20px;
    padding: 28px 30px
}

.content-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px
}

.content-title-text {
    font-size: 2rem;
    color: #252a33;
    font-weight: 500;
    line-height: 24px
}

.content-title-more {
    font-size: 1.6rem;
    color: #00c792
}

.layout-content {
    width: 1180px;
    display: flex
}

.right-content {
    width: 230px;
    margin-left: 20px;
    box-sizing: border-box
}

.left-content {
    width: 930px;
    box-sizing: border-box
}

.base-content {
    border-radius: 4px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 0 30px
}

.footer {
    margin-top: 60px
}

iframe {
    display: block;
    height: 100%;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    border: none
}

.navigator {
    position: fixed;
    left: 1000px;
    width: 230px;
    border-radius: 4px;
    background-color: #fff;
    padding: 28px 0;
    display: flex;
    flex-direction: row
}

.navigator-line {
    width: 2px;
    height: 326px;
    background-color: #f2f3f5;
    margin-left: 25px;
    position: relative
}

.navigator-items {
    display: flex;
    flex-direction: column
}

.navigator-items-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    left: -5px
}

.navigator-items-block .point {
    width: 8px;
    height: 8px;
    background-color: #f2f3f5;
    border-radius: 50%
}

.navigator-items-block .point.active {
    background-color: #00c792
}

.navigator-items-block .label {
    margin-left: 23px;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #252a33;
    cursor: pointer
}

.navigator-items-block .label.active {
    color: #00c792
}

.navigator-items-block:not(:last-of-type) {
    margin-bottom: 24px
}

.disease-list {
    position: relative
}

.disease-list .trust-module-container {
    margin-bottom: 29px
}

.hospital-card {
    display: flex;
    flex: 1 1;
    border-radius: 4px;
    background-color: hsla(0, 0%, 96%, .4);
    min-width: 380px;
    max-width: 380px;
    padding: 24px 20px
}

.hospital-card-left {
    margin-right: 12px
}

.hospital-card-left-img {
    min-width: 86px;
    min-height: 86px;
    width: 86px;
    height: 86px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, .05)
}

.hospital-card-title {
    font-family: PingFangSC;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: normal;
    color: #444c57
}

.hospital-card-address, .hospital-card-title {
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: normal !important
}

.hospital-card-address {
    font-size: 14px;
    line-height: 21px;
    color: #818993;
    margin-top: 4px
}

.hospital-card-tip {
    position: relative;
    display: flex;
    align-items: center;
    line-height: 16px;
    margin-bottom: 16px;
    margin-top: 8px;
    height: 24px;
    border-radius: 4px;
    background-color: #fff4e5;
    width: 70px;
    padding-right: 4px
}

.hospital-card-tip span {
    font-size: 12px;
    line-height: 16px;
    color: #ffb54c
}

.hospital-card-tip:last-child {
    margin-bottom: 0
}

.hospital-card-icon-contain svg {
    color: #ffb54c;
    width: 12px;
    height: 12px
}

.doctor-card {
    display: flex;
    max-width: 270px;
    flex: 1 1;
    flex-direction: column;
    padding: 32px 20px;
    border: 1px solid #e8e9eb;
    border-radius: 4px;
    background-color: #fff;
    box-sizing: border-box;
    align-items: center
}

.doctor-card-expert {
    border-top: 4px solid #28b7a3;
    position: relative
}

.doctor-card-identity {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #28b7a3;
    padding: 4px 8px;
    color: #fff;
    font-size: 1.2rem;
    line-height: 16px;
    border: none
}

.doctor-card-avatar, .doctor-card-avatar img {
    width: 80px;
    height: 80px;
    border-radius: 100px;
    border: 1px solid rgba(0, 0, 0, .05)
}

.doctor-card-name-title {
    font-size: 16px;
    font-weight: 500;
    color: #444c57;
    margin-top: 16px;
    line-height: 1.25
}

.doctor-card-hospital, .doctor-card-section {
    font-size: 13px;
    color: #828993;
    line-height: 1.23;
    margin-top: 8px;
    max-width: 80%
}

.doctor-card-hospital {
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: normal !important
}

.doctor-card-data {
    font-size: 1.3rem;
    line-height: 1.23;
    color: #828993;
    margin-top: 16px;
    display: flex
}

.doctor-card-data-star {
    position: relative;
    display: inline-flex;
    align-items: center
}

.doctor-card-data-star-text {
    margin-left: 4px;
    color: #ffb54c
}

.doctor-card-data-star:after {
    content: "";
    display: inline-flex;
    width: 1px;
    height: 12px;
    background-color: #e8e9eb;
    margin: 0 20px
}

.doctor-card-data-reply {
    display: inline-flex
}

.doctor-card-ask {
    display: flex;
    flex-direction: column;
    align-items: center
}

.doctor-card-desc {
    font-size: 13px;
    color: #818993;
    margin-top: 24px;
    text-align: center;
    min-height: 44px;
    line-height: 1.54;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: normal !important
}

.doctor-card-btn.btn {
    width: 120px;
    height: 38px;
    min-height: 38px;
    border-radius: 4px;
    font-size: 1.4rem;
    font-weight: 500;
    margin-top: 24px;
    color: #fff
}

.high-light {
    font-size: 16px;
    color: #444c57
}

.high-light em {
    color: #00c792;
    font-style: normal
}

.relative-drug-card {
    display: flex;
    border-radius: 4px;
    background-color: hsla(0, 0%, 96%, .4);
    padding: 16px 14px;
    max-width: 265px;
    flex: 1 1;
    box-sizing: border-box;
    border: 1px solid hsla(0, 0%, 96%, .4)
}

.relative-drug-card .drug-card-left {
    width: 68px;
    height: 68px;
    min-width: 68px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, .05);
    box-sizing: border-box;
    overflow: hidden
}

.relative-drug-card .drug-card-left > img {
    height: 100%;
    width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.relative-drug-card .drug-card-right {
    display: flex;
    flex-flow: column nowrap;
    margin-left: 8px
}

.relative-drug-card .drug-card-right .drug-card-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #444c57;
    -webkit-line-clamp: 2
}

.relative-drug-card .drug-card-right .drug-card-des, .relative-drug-card .drug-card-right .drug-card-title {
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: normal !important
}

.relative-drug-card .drug-card-right .drug-card-des {
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px;
    color: #818993;
    -webkit-line-clamp: 1
}

.treat-card-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    color: #252a33;
    padding-top: 28px;
    margin-top: 28px;
    border-top: 1px solid #e8e9eb
}

.treat-card-block-desc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 28px
}

.treat-card-block-desc.doctor {
    margin-top: 20px
}

.treat-card-block-desc-label {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #252a33
}

.treat-card-block-desc-more {
    font-size: 16px;
    line-height: 20px;
    color: #00c792
}

.treat-card-block-desc-sub {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #252a33;
    margin-top: 16px
}

.treat-card-block-cards {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 16px;
    flex-wrap: wrap
}

.treat-card-block-cards.common a:not(:first-child) {
    margin-left: 30px
}

.treat-card-block-cards .relative-drug-card {
    max-width: 270px;
    padding: 24px 20px
}

.treat-card-block-cards .relative-drug-card .drug-card-left {
    min-width: 86px;
    min-height: 86px
}

.treat-card-block-cards .relative-drug-card .drug-card-right .drug-card-title {
    font-size: 20px;
    line-height: 30px
}

.treat-card-block-cards.hospital a:nth-of-type(2n) {
    margin-left: 30px
}

.treat-card-block-cards.hospital a:nth-of-type(3), .treat-card-block-cards.hospital a:nth-of-type(4) {
    margin-top: 30px
}

.tag-content {
    display: block;
    background: #fff;
    position: relative;
    margin-bottom: 20px
}

.tag-content.has-padding {
    padding: 28px 30px
}

.tag-content-title-link {
    display: inline-flex;
    align-items: center
}

.tag-content-title-link .arrow-right {
    margin-left: 12px;
    height: 20px;
    width: 20px;
    margin-bottom: 24px
}

.tag-content-label {
    background-image: url(https://img1.dxycdn.com/2020/0817/120/0092694532778490343-22.png);
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    width: 56px;
    height: 56px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding: 6px;
    box-sizing: border-box
}

.tag-content-section {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 20px;
    color: #444c57
}

.tag-content-time {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
    color: #99a0aa;
    margin-top: 16px
}

.tag-content-time .publish-time {
    margin-right: 16px
}

.tag-content .tag-content-title {
    margin-bottom: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    max-width: 870px;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    color: #252a33;
    display: inline-flex
}

.tag-content .tag-content-detail, .tag-content .tag-content-title {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: normal !important
}

.tag-content .tag-content-detail {
    letter-spacing: normal;
    margin-top: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    font-size: 16px;
    line-height: 24px;
    color: #444c57
}

.tag-content-tags {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 12px
}

.tag-content-tag-item {
    margin-right: 12px;
    margin-top: 12px
}

.author {
    display: flex;
    flex-flow: column nowrap
}

.author-detail {
    display: flex;
    align-items: center;
    padding-top: 6px
}

.author-label {
    padding: 4px;
    margin-right: 20px;
    flex-shrink: 0;
    font-size: 12px;
    line-height: 16px;
    color: #818993;
    border-radius: 4px;
    background-color: #f2f3f5
}

.author-img {
    overflow: hidden;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, .05);
    box-sizing: border-box
}

.author-content {
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: normal !important;
    flex-shrink: 10;
    font-size: 14px;
    line-height: 18px;
    color: #99a0aa
}

.author-content > span {
    margin-right: 4px
}

.author .arrow-icon {
    height: 10px;
    width: 10px;
    color: #c5c8d1;
    margin-left: 0
}

.common-tag {
    padding: 4px 20px;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: normal !important;
    display: flex;
    align-items: center;
    border-radius: 4px;
    background-color: #f2f3f5;
    font-size: 13px;
    line-height: 18px;
    color: #444c57
}

.common-tag:hover {
    cursor: pointer
}

.common-tag-default {
    font-size: 13px;
    line-height: 18px;
    color: #444c57;
    width: auto;
    display: inline-flex
}

.common-tag-icon {
    height: 12px;
    width: 10px;
    overflow: hidden;
    margin-right: 3px
}

.common-tag-mini {
    padding: 4px;
    font-size: 12px;
    line-height: 16px
}

.common-tag-disabled {
    background-color: #fafafa;
    color: #ccc
}

.common-tag-selected {
    background-color: #00c792;
    font-weight: 500;
    color: #fff
}

.common-tag-gold {
    background-color: #e6c37e;
    color: #fff
}

.common-tag-red {
    background-color: #ff4c64;
    color: #fff
}

.common-tag-orange {
    background-color: #fff4e5;
    color: #ffb54c
}

.disease-detail-card-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    color: #252a33;
    padding-top: 28px;
    margin-top: 28px;
    border-top: 1px solid #e8e9eb
}

.disease-detail-card-title:first-of-type() {
    margin-top: 0
}

.content-html {
    overflow: auto;
    color: #444c57;
    font-size: 16px;
    line-height: 1.5;
    word-break: break-word
}

.content-html h2 {
    margin-top: 28px;
    color: #252a33;
    font-size: 20px;
    font-weight: 500;
    border-top: 1px solid #e8e9eb;
    padding-top: 28px
}

.content-html div, .content-html p {
    margin-top: 24px
}

.content-html p br {
    display: none
}

.content-html em {
    display: inline
}

.content-html blockquote {
    margin-top: 24px;
    padding: 24px 20px;
    color: #444c57;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    background-color: #f5f5f5;
    border-radius: 4px
}

.content-html blockquote p {
    margin: 0
}

.content-html b, .content-html strong {
    font-weight: 700
}

.content-html img {
    display: block;
    width: 100% !important;
    margin-top: 24px;
    border-radius: 4px
}

.content-html a {
    overflow: auto;
    color: #00c792;
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    word-break: break-all
}

.content-html li {
    margin-right: 0;
    background: none
}

.content-html ul > li {
    list-style: inside disc
}

.content-html ol > li {
    list-style: inside decimal
}

.content-html li p {
    display: inline-block
}

.content-html i {
    font-style: italic
}

.content-html del, .content-html s, .content-html strike {
    text-decoration: line-through
}

.content-html del {
    display: inline
}

.content-html figure {
    overflow: hidden
}

.content-html u {
    text-decoration: underline
}

.content-html .WxEmojiView {
    align-items: center
}

.content-html .wxEmoji {
    width: 16px;
    height: 16px
}

.content-html video {
    width: 100%;
    height: 600px;
    margin: 10px 0;
    text-align: center
}

.content-html .video-video {
    width: 100%;
    height: 100%
}

.content-html tr {
    display: flex
}

.content-html td, .content-html th {
    flex: 1 1;
    padding: 5px;
    font-size: 14px;
    word-break: break-all
}

.content-html td img, .content-html th img {
    margin: 0
}

.content-html th {
    background: #f0f0f0
}

.content-html small, .content-html sub, .content-html sup {
    font-size: .83em
}

.content-html sub {
    vertical-align: sub
}

.content-html sup {
    vertical-align: super
}

.tag-html {
    overflow: auto;
    color: #252a33;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    word-break: break-word
}

.tag-html h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #252a33;
    margin-top: 20px
}

.tag-html div, .tag-html ol, .tag-html p, .tag-html ul {
    margin-top: 16px
}

.tag-html ol, .tag-html p, .tag-html ul {
    font-size: 16px;
    line-height: 24px;
    color: #444c57;
    font-weight: 400
}

.tag-html ol br, .tag-html p br, .tag-html ul br {
    display: none
}

.tag-html em {
    display: inline
}

.tag-html blockquote {
    margin: 20px 0;
    padding: 14px 10px;
    color: #252a33;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5;
    background-color: #fafafa;
    border-radius: 4px
}

.tag-html blockquote p:last-child {
    margin-bottom: 0
}

.tag-html b, .tag-html strong {
    font-weight: 700
}

.tag-html img {
    display: block;
    width: 100% !important;
    margin: 20px 0;
    border-radius: 4px
}

.tag-html a {
    overflow: auto;
    color: #00c792;
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    word-break: break-all
}

.tag-html li {
    margin-right: 0;
    background: none
}

.tag-html ul li-circle:before, .tag-html ul li-ring:before, .tag-html ul li-square:before {
    content: "\B7"
}

.tag-html ol {
    counter-reset: dxd-decimal
}

.tag-html ol li-circle, .tag-html ol li-ring, .tag-html ol li-square {
    counter-increment: dxd-decimal
}

.tag-html ol li-circle:before, .tag-html ol li-ring:before, .tag-html ol li-square:before {
    content: counter(dxd-decimal) "."
}

.tag-html i {
    font-style: italic
}

.tag-html del, .tag-html s, .tag-html strike {
    text-decoration: line-through
}

.tag-html del {
    display: inline
}

.tag-html figure {
    overflow: hidden
}

.tag-html u {
    text-decoration: underline
}

.tag-html .WxEmojiView {
    align-items: center
}

.tag-html .wxEmoji {
    width: 16px;
    height: 16px
}

.tag-html video {
    width: 100%;
    height: 190px;
    margin: 10px 0;
    text-align: center
}

.tag-html .video-video {
    width: 100%;
    height: 100%
}

.tag-html tr {
    display: flex
}

.tag-html td, .tag-html th {
    flex: 1 1;
    padding: 5px;
    font-size: 14px;
    word-break: break-all
}

.tag-html td img, .tag-html th img {
    margin: 0
}

.tag-html th {
    background: #f0f0f0
}

.tag-html small, .tag-html sub, .tag-html sup {
    font-size: .83em
}

.tag-html sub {
    vertical-align: sub
}

.tag-html sup {
    vertical-align: super
}

.continuous-img-no-margin p img {
    margin: 0;
    border-radius: 0
}

.continuous-img-no-margin p img:first-of-type {
    margin-top: 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.continuous-img-no-margin p img:last-of-type {
    margin-bottom: 20px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.audio {
    margin-bottom: 20px
}

.audio-title {
    margin-top: 20px;
    color: #00c792;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px
}

.audio-block {
    height: 74px;
    border-radius: 4px;
    background-color: #00c792;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 28px;
    margin-top: 16px
}

.audio-block.white {
    background-color: #fafafa
}

.audio-block.white .slider {
    background-color: #ebebeb
}

.audio-block.white .slider .played-line, .audio-block.white .slider .point {
    background-color: #00c792
}

.audio-block.white .duration {
    color: #666
}

.audio-block .controller {
    width: 26px;
    height: 26px
}

.audio-block .slider {
    height: 4px;
    flex: 1 1;
    background-color: hsla(0, 0%, 100%, .2);
    margin: 0 28px;
    position: relative
}

.audio-block .slider .played-line {
    margin: 0;
    height: 4px;
    background-color: hsla(0, 0%, 100%, .6)
}

.audio-block .slider .point {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
    top: -4px;
    margin: 0
}

.audio-block .duration {
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    min-width: 32px;
    margin: 0;
    font-weight: 600
}

.audio-mini {
    margin: 0
}

.audio-mini .audio-title {
    margin-top: 0
}

.audio-mini .audio-block {
    margin-top: 0;
    height: 44px;
    padding: 0 18px
}

.audio-mini .audio-block .controller {
    width: 16px;
    height: 16px
}

.audio-mini .audio-block .slider {
    height: 2px;
    margin: 0 18px
}

.audio-mini .audio-block .slider .played-line {
    height: 2px
}

.audio-mini .audio-block .slider .point {
    height: 6px;
    width: 6px;
    top: -2px
}

.audio-mini .audio-block .duration {
    font-size: 12px;
    line-height: 16px
}

.trust-module {
    font-size: 14px;
    line-height: 18px;
    color: #b38c3e;
    display: flex;
    flex-flow: row nowrap;
    background: #fff;
    align-items: center
}

.trust-module-img {
    width: 30px;
    height: 30px;
    display: block;
    margin-right: 4px
}

.reference-material {
    background: #fff;
    padding-top: 28px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #818993;
    margin-top: 28px;
    border-top: 1px solid #e8e9eb
}

.reference-material-title {
    margin-bottom: 16px
}

.reference-material-content {
    white-space: break-words
}

.reference-material-content br {
    display: block;
    margin-top: 16px;
    content: ""
}

.content {
    width: auto
}

.hospital-list {
    display: flex;
    flex-direction: row;
    justify-content: left
}

.hospital-list-item {
    padding: 24px 20px;
    width: 230px;
    height: 108px;
    border: 1px solid #e8e9eb;
    border-radius: 5px;
    margin-right: 30px
}

.hospital-list-item:hover {
    cursor: pointer;
    box-shadow: 0 6px 12px 0 hsla(215, 9%, 63%, .2)
}

.hospital-list-item:last-child {
    margin-right: 0
}

.bread-crumb-nav {
    width: 1180px;
    margin: 0 auto 28px;
    display: flex;
    flex-direction: row
}

.bread-crumb-nav-item {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    line-height: 16px
}

.bread-crumb-nav-item a {
    color: #00c792
}

.bread-crumb-nav-item h1 {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 16px;
    color: #444c57
}

.inner-navbar-list {
    width: 100%;
    padding: 8px 0 16px;
    display: flex;
    background-color: #fff;
    justify-content: center;
    margin-bottom: 28px
}

.inner-navbar-list .inner-navbar-items {
    width: 100%;
    max-width: 1180px
}

.inner-navbar-list .inner-navbar-items > ul {
    display: flex;
    flex-flow: row nowrap
}

.inner-navbar-list .inner-navbar-items .inner-navbar-item > a {
    font-size: 16px;
    line-height: 20px;
    color: #444c57;
    margin-right: 40px
}

.inner-navbar-list .inner-navbar-items .inner-navbar-item-active > a, .inner-navbar-list .inner-navbar-items .inner-navbar-item > a:hover {
    color: #00c792
}

.search-header-container {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 30px 0;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 8
}

.search-header-container .search-logo-input {
    display: flex;
    width: 100%;
    max-width: 1180px;
    background: #fff;
    align-items: center
}

.search-header-container .search-logo-input .logo {
    height: 35px;
    width: 130px;
    margin-right: 20px;
    display: block
}

.search-header-container .search-logo-input .logo .logo-icon {
    height: 35px;
    width: 130px;
    display: block;
    background: url(https://img1.dxycdn.com/2021/0712/429/2257906367067791943-22.png) no-repeat 50%;
    background-size: cover
}

.search-input-container {
    box-shadow: 0 2px 1px 0 hsla(215, 9%, 63%, .05);
    display: flex;
    align-items: center;
    position: relative;
    width: 680px;
    height: 46px;
    background-color: #fff
}

.search-input-container .search-icon {
    top: 50%;
    transform: translateY(-50%)
}

.search-input-container .search-input {
    display: inline-block;
    flex: 1 1;
    text-indent: 42px;
    border: 1px solid #e8e9eb;
    font-size: 1.4rem;
    height: 44px;
    line-height: 44px;
    color: #444c57
}

.search-input-container .search-input-button {
    width: 128px;
    height: 46px;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00c792;
    font-weight: 500;
    line-height: 16px;
    color: #fff
}

.search-input-container .search-input-button:hover {
    cursor: pointer;
    background-color: #00ad7f
}

.common-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-sizing: border-box;
    overflow: hidden
}

.common-avatar-img {
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.common-avatar-rectangle {
    border-radius: 0
}

.common-avatar-border {
    border: 1px solid rgba(0, 0, 0, .05)
}

* {
    margin: 0;
    padding: 0
}

body, html {
    width: 100%;
    height: 100%
}

html {
    font-size: 62.5%
}

body {
    font-family: PingFang SC, Helvetica Neue, Helvetica, Hiragino Sans GB, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1.5;
    margin: 0;
    background-color: #f2f3f5;
    padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left)
}

a, a:hover, a:visited {
    text-decoration: none
}

a, div, i, label, li {
    -webkit-tap-highlight-color: transparent
}

pre {
    font-family: PingFang SC, Helvetica Neue, Helvetica, Hiragino Sans GB, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, Arial, sans-serif
}

button, input, textarea {
    border: none;
    outline: none
}

a:focus, li:focus {
    outline: none
}

::-webkit-input-placeholder {
    font-weight: 400;
    color: #99a0aa
}

::-moz-placeholder {
    font-weight: 400;
    color: #99a0aa
}

:-ms-input-placeholder {
    font-weight: 400;
    color: #99a0aa
}

li, ol, ul {
    margin: 0;
    padding: 0;
    list-style: none
}

::-webkit-search-cancel-button {
    display: none
}

img {
    max-width: 100%
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden
}

.icon-ic_search {
    position: absolute;
    width: 18px;
    height: 18px;
    color: #c5c8d1;
    margin-left: 16px
}

.icon-ic_arrow {
    width: 18px;
    height: 10px;
    color: #c5c8d1;
    margin-left: 5px;
    position: relative
}

.icon-ic_arrow_up {
    color: #fff;
    font-size: 1.8rem
}

.icon-ic_asking {
    color: #28b7a3;
    font-size: 2rem
}

.icon-ic_grade {
    width: 8px;
    height: 8px;
    color: #fff;
    padding: 4px
}

.icon-ic_phone, .icon-locationfill {
    margin-right: 6px
}

.icon-ic_address, .icon-ic_phone, .icon-locationfill {
    width: 12px;
    height: 12px;
    color: #c5c8d1
}

.icon-ic_rating {
    width: 14px;
    height: 13px;
    color: #ffb54c
}

.icon-ic_douban, .icon-ic_qzone, .icon-ic_sina_weibo, .icon-ic_wechat {
    width: 20px;
    height: 20px;
    color: #99a0aa
}

.icon-ic_close1 {
    width: 16px;
    height: 16px;
    color: #99a0aa
}

.icon-ic_dsussfule, .icon-ic_hide1 {
    width: 16px;
    height: 16px;
    color: #d0d3d9
}

.lr-container {
    display: flex;
    max-width: 1180px
}

.lr-container-left {
    width: 930px
}

.lr-container-left .content {
    width: 100%
}

.lr-container-right {
    width: 230px;
    margin-left: 20px
}

.lr-container-right .content {
    width: 100%;
    padding-bottom: 28px
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #00c792
}

.btn:hover {
    cursor: pointer
}

.course-card {
    display: flex;
    flex: 1 1;
    margin-right: 30px
}

.course-card-left {
    width: 112px;
    height: 112px;
    margin-right: 12px
}

.course-card-left img {
    width: 112px;
    height: 112px;
    border-radius: 4px
}

.course-card-name {
    color: #444c57;
    font-size: 1.4rem;
    margin-top: 10px;
    height: 42px;
    width: 130px;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: normal !important
}

.course-card-buy-count, .course-card-doctor-name {
    color: #828993;
    font-size: 1.2rem
}

.course-card-doctor-name {
    margin-top: 9px;
    width: 130px;
    display: -webkit-box;
    word-break: break-all;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: normal !important
}

.course-card-buy-count {
    margin-top: 13px
}

.back-top {
    display: inline-block;
    position: fixed;
    right: 5%;
    bottom: 3%;
    box-sizing: border-box;
    width: 54px;
    height: 54px;
    background-color: #00c792;
    text-align: center;
    padding-top: 18px
}

.back-top:hover {
    cursor: pointer;
    background-color: #00ad7f
}

.list-contain-title {
    font-size: 1.4rem;
    color: #828993;
    line-height: 18px;
    margin-bottom: 16px
}

.list-contain-title a {
    color: #828993
}

.list-contain-title a:hover {
    color: #28b7a3;
    cursor: pointer;
    text-decoration: underline;
    -webkit-text-decoration-color: #28b7a3;
    text-decoration-color: #28b7a3
}

.list-contain-ul {
    font-size: 0
}

.list-contain-li, .list-contain-no-icon {
    display: inline-block;
    margin: 0 0 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    font-size: 1.2rem;
    line-height: 16px;
    max-height: 16px
}

.list-contain-li:before {
    content: "\2022";
    color: #d0d3d9;
    padding-right: 4px
}

.list-contain-link {
    color: #252a33
}

.list-contain-link:hover {
    color: #28b7a3;
    cursor: pointer;
    text-decoration: underline;
    -webkit-text-decoration-color: #28b7a3;
    text-decoration-color: #28b7a3
}

.list-contain .more-arrow {
    font-size: 10px;
    display: inline;
    margin-left: 6px
}

.list-contain .more-arrow:after {
    position: relative;
    top: -1px;
    margin-left: 6 rpx;
    content: " ";
    height: 6px;
    width: 6px;
    border-color: #28b7a3;
    border-style: solid;
    border-width: 2px 2px 0 0;
    transform: matrix(.71, .71, -.71, .71, 0, 0);
    display: inline-block
}

.section-navbar-title {
    color: #5b626b;
    font-size: 1.6rem;
    margin-bottom: 16px
}

.section-navbar-items {
    display: flex
}

.section-navbar-items ul {
    display: flex;
    flex-wrap: wrap
}

.section-navbar-item {
    display: inline-flex;
    height: 26px;
    margin: 0 12px 12px 0;
    background-color: #f2f3f5;
    border-radius: 4px
}

.section-navbar-item a {
    font-size: 1.3rem;
    margin: 4px 20px;
    color: #5b626b
}

.section-navbar-item.active, .section-navbar-item:hover {
    background-color: #28b7a3;
    cursor: pointer
}

.section-navbar-item.active a, .section-navbar-item:hover a {
    color: #fff
}

.common-card-link:hover {
    cursor: pointer;
    box-shadow: 0 6px 12px 0 hsla(215, 9%, 63%, .2)
}

.common-text-link:hover {
    cursor: pointer;
    color: #00c792;
    text-decoration: underline !important
}

.common-button-link {
    position: relative
}

.common-button-link:hover:after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(26, 26, 26, .2);
    border-radius: 4px
}

.login-continer {
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #e8e9eb
}

.login-continer .login-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 60px;
    max-width: 1180px;
    margin: 0 auto;
    box-sizing: border-box
}

.login-continer .login-header .follow-box {
    position: relative
}

.login-continer .login-header .follow-box .header-qr-code {
    position: absolute;
    top: 30px;
    z-index: 10
}

.login-continer .login-header .download, .login-continer .login-header .follow {
    font-size: 13px;
    line-height: 16px;
    color: #252a33;
    display: flex;
    margin-right: 30px;
    align-items: center
}

.login-continer .login-header .before-login {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    color: #252a33
}

.login-continer .login-header .before-login > * {
    margin-right: 8px
}

.login-continer .login-header .before-login > :last-child {
    margin-right: 0
}

.login-continer .login-header .before-login-login {
    display: flex;
    margin-right: 20px;
    align-items: center
}

.login-continer .login-header .before-login-register:hover {
    color: #00c792;
    cursor: pointer
}

.login-continer .login-header .after-login {
    display: flex;
    align-items: center
}

.login-continer .login-header .after-login :first-child {
    margin-right: 8px
}

.login-continer .login-header .after-login .user-info, .login-continer .login-header .after-login .user-name {
    font-size: 13px;
    line-height: 16px;
    color: #252a33;
    margin-right: 20px
}

.login-continer .login-header .after-login .user-info:last-child, .login-continer .login-header .after-login .user-name:last-child {
    margin-right: 0
}

.login-continer .login-header .after-login .user-info:last-child:after, .login-continer .login-header .after-login .user-name:last-child:after {
    display: none
}

.login-continer .login-header .after-login .user-info:hover {
    color: #00c792;
    cursor: pointer
}

.login-continer .login-header .download-icon, .login-continer .login-header .follow-icon, .login-continer .login-header .user-icon {
    height: 16px;
    width: 16px;
    margin-right: 8px;
    color: #4b5566
}

.login-continer .login-header .dot {
    position: relative
}

.login-continer .login-header .dot:after {
    top: 6px;
    right: -12px;
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background-color: #828993;
    border-radius: 50%
}

.login-continer .login-header .highlight {
    color: #00c792;
    cursor: pointer
}